<template>
        <div class="goodsdesc-container">
        <h3>{{ info.title }}</h3>
        <hr/>
        <div class="content" v-html="info.content"></div>
        </div>
</template>

<script>
export default {
        data(){
         return {
           info:{},             
         }
        },
        created(){
           this.getGoodsDesc();
        },
        methods:{
                getGoodsDesc(){
                        this.$http.get("https://www.sinya.online/api/goods/getdesc/" + this.$route.params.id)
                        .then(result =>{
                              if(result.body.status === 0){
                                 this.info = result.body.message[0];       
                              }  
                        });
                }
        }
}
</script>

<style lang="less">
        .goodsdesc-container{
                padding:0 5px;
        }
        h3{
                font-size:16px;
                text-align:center;
                color:orange;
        }
        .content{
                img{
                        width:100%;
                }
        }
</style>
